<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name=apple-mobile-web-app-capable content=yes>
  <meta name=apple-mobile-web-app-status-bar-style content=black>
  <meta name=format-detection content="telephone=no">
  <meta http-equiv=X-UA-Compatible content="chrome=1">
  <meta name=renderer content=webkit>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>浙江省公共数据报告</title>
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../public/echarts.css">
  <link href="../public/iconfont.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/element/index.css">
  <link rel="stylesheet" href="../public/mint-style.css">
  <link rel="stylesheet" href="hz.css">
</head>
<body>
  <!-- Swiper -->
    <div id="app" v-cloak>
        <mt-header fixed title="待办事项" style="font-size:18px">
            <a href="bigData.html" slot="left">
                <mt-button icon="back"></mt-button>
            </a>
        </mt-header>
        <div class="main">
            <div class="contain" style="overflow: hidden;">
                <mt-navbar v-model="tabSelected">
                    <mt-tab-item id="1">待办</mt-tab-item>
                    <mt-tab-item id="2">已办</mt-tab-item>
                    <mt-tab-item id="3">完成</mt-tab-item>
                    <mt-tab-item id="4">超时</mt-tab-item>
                </mt-navbar>
                <div style="height:calc(100% - 46px);overflow: scroll">
                    <div style="padding:10px 20px;background-color: white;margin-top:8px;">
                        <span class="title">数字化转型</span>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                           <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">1</span>"一证通办"人口数据申请</span>
                           <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">2</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">3</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">4</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">5</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="tab1">
                <i slot="icon" class="iconfont iconshouye" @click="changeUrl('bigData.html')"></i>
                <span @click="changeUrl('bigData.html')">首页</span>
            </mt-tab-item>
            <mt-tab-item id="tab2" >
                <i slot="icon" class="iconfont icondaiban" @click="changeUrl('bigNeedTo.html')"></i>
                <span @click="changeUrl('bigNeedTo.html')"></span>待办</span>
            </mt-tab-item>
            <mt-tab-item id="tab3">
                <i slot="icon" class="iconfont iconbaobiaozhongxin" @click="changeUrl('bigReport.html')"></i>
                <span @click="changeUrl('bigReport.html')"></span>报表</span>
            </mt-tab-item>
            <mt-tab-item id="tab4">
                <i slot="icon" class="iconfont iconyaoqingdaoshi"></i>
                <span>反馈</span>
            </mt-tab-item>
            <mt-tab-item id="tab5">
                <i slot="icon" class="iconfont iconzixun"></i>
                咨询
            </mt-tab-item>
        </mt-tabbar>
    </div>

  <!-- Swiper JS -->
  <script src="../public/vue.js"></script>
  <script src="../public/echarts.js"></script>
  <script src="../public/element/index.js"></script>
  <script src="../public/mint.js"></script>
  <script src="../public/sass.js"></script>
  <script>
      var app = new Vue({
        el: '#app',
        data: {
            selected:'tab2',
            tabSelected:'1'
        },
        methods: {
            changeUrl(url){
                window.location.href = url
            }
        },
        computed: {
            
        },
        filters: {
            
        },
        mounted: function () {
            
        }
    })
  </script>

</body>

</html>
